<template>
  <view class="box">
    <view class="dengLoadingVue" v-if="lodingAll">
      <view class="maskVueHiddenShow">
        <view class="maskVueHiddenShowWrapper">
          <view class="loader">
            <view class="inner one"></view>
            <view class="inner two"></view>
            <view class="inner three"></view>
          </view>
          <view class="loding"> 数据加载中，请稍后... </view>
        </view>
      </view>
    </view>
    <view v-if="!lodingAll">
      <view class="tou top fixed" :style="'padding-top:' + statusBarHeight1 + 'px'">
        <image
          @click="fanhui"
          class="image1"
          src="https://pic.bangbangtongcheng.com/static/fanhui_bai.png"
        />
        <!-- #ifndef MP-WEIXIN -->
        <!-- {{ data.storeName }} -->
        <text v-if="userInfo.id == data.userId"> 我的主页 </text>
        <text
          v-else
          style="
            margin-left: 75rpx;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 500rpx;
            display: block;
          "
        >
          {{ data.storeName }}
        </text>
        <!-- #endif -->
        <!-- #ifdef MP-WEIXIN -->
        <!-- <text style="position: absolute; left: 50%; transform: translateX(-50%)">
          		{{data.storeName}}
          </text> -->
        <text v-if="userInfo.id == data.userId" style="margin-left: 75rpx"> 我的主页 </text>
        <text
          v-else
          style="
            margin-left: 75rpx;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 500rpx;
            display: block;
          "
        >
          {{ data.storeName }}
        </text>
        <!-- #endif -->
        <!-- #ifdef APP-PLUS -->
        <image
          @click="fn"
          class="image2"
          src="https://pic.bangbangtongcheng.com/5bfdd20804944e49ac44a6d4acbf1225"
          mode="widthFix"
        />
        <!-- #endif -->
      </view>
      <view class="tou top" :style="'padding-top:' + statusBarHeight1 + 'px'"></view>
      <view class="bannerBox" :class="scrollTop != 0 ? 'Ptop' : ''">
        <view class="editBanner" v-if="userInfo.id == data.userInfo.id" @click="editMyHomePage"
          >点击编辑内容</view
        >
        <view v-if="titIndex == 1" class="banner">
          <swiper
            style="min-height: 0rpx; height: 500rpx"
            class="screen-swiper square-dot"
            :circular="true"
            :autoplay="true"
            indicator-active-color="#ffffff"
            interval="5000"
            duration="500"
            :current="current"
            @change="swiperC1"
          >
            <swiper-item
              v-for="(item, index) in swiperList"
              :key="index"
              @click="detailsDy(item.id)"
            >
              <image :src="item.img" mode="aspectFill" />
            </swiper-item>
          </swiper>
        </view>
        <video
          v-if="titIndex == 3"
          controls="true"
          :src="swiperVideo"
          :poster="swiperVideo + '?vframe/jpg/offset/0'"
        >
          <!-- #ifdef APP-PLUS -->
          <cover-view @click="titxuan(1)" class="videoS"> 图片</cover-view>
          <!-- #endif -->
        </video>
        <view class="butbox" :style="'left:' + (swiperVideo ? '263rpx;' : '363rpx;')">
          <view v-if="swiperVideo" :class="titIndex == 3 ? 'but xuan' : 'but'" @click="titxuan(3)"
            >视频</view
          >
          <view class="tu">
            <view :class="titIndex == 1 ? 'but xuan' : 'but'" @click="titxuan(1)">图片</view>
          </view>
          <view
            class="but"
            style="background: rgba(51, 51, 51, 0.65); color: #fff"
            v-if="titIndex != 3"
          >
            {{ current + 1 || '' }}/{{ swiperList.length || '' }}
          </view>
        </view>
      </view>
      <view class="jieshao">
        <p class="p1">店铺介绍</p>
        <p class="p2" @click="open">{{ data.storeIntroduction || '' }}</p>
        <!--      <image
        @click="gongsixiangq()"
        class="image"
        src="https://pic.bangbangtongcheng.com/static/bbzc/yitoudijianli.png"
        mode=""
      ></image> -->
      </view>
      <scroll-view
        scroll-x
        class="bg-white nav"
        :scroll-into-view="moveTo"
        style="padding: 36rpx 30rpx"
        scroll-with-animation
      >
        <view class="tit_t">
          <view :class="xuan == 4 ? 'xuan tabxx' : 'tabxx'" @click="xuanzhong(4)">现车销售</view>
          <view :class="xuan == 2 ? 'xuan tabxx' : 'tabxx'" @click="xuanzhong(2)">金牌顾问</view>
          <view :class="xuan == 3 ? 'xuan tabxx' : 'tabxx'" @click="xuanzhong(3)">帮友圈</view>
          <view :class="xuan == 1 ? 'xuan tabxx' : 'tabxx'" @click="xuanzhong(1)">在售车系</view>
          <view
            id="xuan5"
            :class="xuan == 5 ? 'xuan tabxx' : 'tabxx'"
            v-if="RecruitChage"
            @click="xuanzhong(5)"
            >在招职位
          </view>
        </view>
      </scroll-view>
      <scroll-view
        scroll-x
        style="padding-top: 6rpx"
        class="bg-white nav target"
        scroll-with-animation
        :scroll-left="scrollLeft"
        v-if="xuan == 4"
      >
        <view
          class="cu-item view"
          :class="item.num == TabCur ? 'text-green cur' : ''"
          v-for="(item, index) in list"
          :key="index"
          @click="tabSelect(item.num)"
        >
          {{ item.name }}
          <image
            src="https://pic.bangbangtongcheng.com/static/xuanzhong.png"
            mode="widthFix"
            v-if="TabCur == item.num"
          />
        </view>
      </scroll-view>
      <scroll-view scroll-y>
        <view v-if="xuan == 1">
          <view class="" style="overflow: hidden; height: 100%">
            <view class="list">
              <view
                class="liss"
                v-for="(item, index) in Recommend"
                :key="index"
                @click="details(item.id)"
              >
                <image mode="aspectFit" :src="item.vehicleCoverPicture" />
                <view class="li_2" style="max-width: 336rpx">
                  <view class="vehicleRecom">
                    <text>{{ item.title }}</text>
                    <!-- <span>{{item.vehicleBrandModel.split('|')[0] + ' '}} {{item.vehicleBrandModel.split('|')[1]?item.vehicleBrandModel.split('|')[1] + "/":"/"}} {{item.model?item.model+'/':""}} {{item.bodyStructureDoors+"门"+item.bodyStructureSeat+"座"+item.bodyStructureVehicle+"车"}}</span> -->
                  </view>
                  <view class="price">
                    {{
                      item.intervalPrice.split('-')[0] +
                      '万-' +
                      item.intervalPrice.split('-')[1] +
                      '万'
                    }}
                  </view>
                </view>
              </view>
              <view v-if="Recommend.length == 0" class="none">
                <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
                <view>没有更多数据了</view>
              </view>
              <view class="down" v-show="Recommend.length != 0 && !downStatus">没有更多了</view>
              <view class="" style="height: 130rpx"></view>
            </view>
          </view>
        </view>
        <view v-else-if="xuan == 2">
          <view
            class="mingpian"
            @click="detailjjr(item.userId)"
            v-for="(item, index) in jjrList"
            :key="index"
          >
            <view class="name">{{ item.nikeName || '未命名用户' }}</view>
            <image v-if="item.userImage" class="img1" :src="item.userImage" />
            <image
              v-else
              class="img1"
              src="https://pic.bangbangtongcheng.com/static/my/header.png"
            />
            <view class="img2">经纪人</view>
            <view class="xin" v-if="item.userInfo">
              <image
                class="img3"
                v-for="item1 in Number(item.userInfo.score)"
                :key="item1"
                src="https://pic.bangbangtongcheng.com/static/xin_liang.png"
              />
              <image
                class="img3"
                v-for="item1 in 5 - Number(item.userInfo.score)"
                :key="item1"
                src="https://pic.bangbangtongcheng.com/static/xin_hui.png"
              />
            </view>
            <image
              class="img4"
              @click.stop="chat(item.userId, item.nikeName, item.image)"
              src="https://pic.bangbangtongcheng.com/static/xiaoxi_lan.png"
            />
            <image
              class="img5"
              @click.stop="getPhone(item.userInfo.phone, 1)"
              src="https://pic.bangbangtongcheng.com/static/dianhua_lan.png"
            />
            <view class="weigui" @click.stop="weigui(item.userId)">
              <p>{{ item.violation || 0 }}</p>
              <p style="color: #333333; font-size: 32rpx">违规次数</p>
              <image src="https://pic.bangbangtongcheng.com/static/you.png" />
            </view>
          </view>
          <view v-if="jjrList.length == 0" class="none">
            <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
            <view>没有更多数据了</view>
          </view>
          <view class="down" v-show="Recommend.length != 0 && !downStatus">没有更多了</view>
          <view class="" style="height: 130rpx"></view>
        </view>
        <view v-else-if="xuan == 3">
          <view class="circle">
            <view
              class="circle_item"
              v-for="(item, index) in Recommend"
              :key="item.id"
              @click="byqdetails(item.id)"
            >
              <view class="headPortrait" @click.stop="userfy(item)">
                <image
                  class="img1"
                  v-if="!item.userInfo.image"
                  src="https://pic.bangbangtongcheng.com/static/my/header.png"
                />
                <image class="img1" :src="item.userInfo.image" v-else />
              </view>
              <view style="flex: 1">
                <view class="mingpians">
                  <view class="mingpians_left">
                    <view class="counselor">
                      <view class="counselor_top">
                        <view class="name">{{ item.userInfo.nikeName || '未命名用户' }}</view>
                      </view>
                      <text
                        class="vip-rank"
                        :style="{
                          color: $member.colors()[item.userInfo.memberLevel - 1].wordColor,
                          backgroundColor: $member.colors()[item.userInfo.memberLevel - 1].bgColor,
                          borderColor: $member.colors()[item.userInfo.memberLevel - 1].lineColor,
                        }"
                      >
                        {{ $member.colors()[item.userInfo.memberLevel - 1].level }}
                      </text>
                    </view>
                  </view>
                  <view class="mingpians_right">
                    <view class="item" @click.stop="guanzhu(item, index)">
                      <image
                        class="image1"
                        v-if="item.whetherCollection == 0"
                        src="https://pic.bangbangtongcheng.com/static/bbcz/guanzhu.png"
                        mode=""
                      >
                      </image>
                      <image
                        v-else
                        class="image1"
                        src="https://pic.bangbangtongcheng.com/static/bbcz/guanzhu01.png"
                        mode=""
                      ></image>
                      <view class="">
                        {{ item.whetherCollection == 0 ? '收藏' : '已收藏' }}
                      </view>
                    </view>
                  </view>
                </view>
                <view class="circle_center_wz">
                  <view class="circle_center_wz_text">
                    {{ item.content }}
                  </view>
                  <view class="circle_center_wz_img">
                    <!-- 发布为图片 -->
                    <template v-if="item.picture">
                      <view v-if="item.pictureArr.length == 1">
                        <image
                          class="circle_center_wz_imgss"
                          mode="heightFix"
                          :src="item.pictureArr[0]"
                          @click.stop="ViewImage(item.pictureArr, item.pictureArr[0])"
                        >
                        </image>
                      </view>
                      <view
                        :class="
                          item.pictureArr.length > 2
                            ? 'circle_center_wz_imgss_d'
                            : 'circle_center_wz_imgss_ds'
                        "
                        v-else
                      >
                        <image
                          class="image"
                          v-for="(i, j) in item.pictureArr"
                          :src="i"
                          :key="j"
                          mode="aspectFill"
                          @click.stop="ViewImage(item.pictureArr, item.pictureArr[j])"
                        >
                        </image>
                      </view>
                    </template>
                    <!-- 发布为视频 -->
                    <template v-if="item.video">
                      <view class="circle_center_wz_img_vid" @click.stop="videoClick(item.video)">
                        <image
                          style="max-height: 290rpx"
                          :src="item.video + '?vframe/jpg/offset/0'"
                          mode="heightFix"
                        >
                        </image>
                        <image
                          class="images"
                          src="https://pic.bangbangtongcheng.com/static/bbcz/mdlb-sp01.png"
                          mode=""
                        >
                        </image
                        ><strong></strong>
                      </view>
                    </template>
                  </view>
                </view>
                <view
                  style="
                    width: 100%;
                    display: flex;
                    align-items: center;
                    margin-left: 30rpx;
                    margin-top: 20rpx;
                  "
                  @click.stop="openMap(item)"
                  v-if="item.detailedAddress"
                >
                  <image
                    style="width: 40rpx; height: 40rpx"
                    src="https://pic.bangbangtongcheng.com/static/bbcz/dingwei01.png"
                    mode=""
                  >
                  </image>
                  <view
                    style="
                      width: 500rpx;
                      overflow: hidden;
                      white-space: nowrap;
                      text-overflow: ellipsis;
                    "
                    >{{ item.detailedAddress.slice(3, item.detailedAddress.length) }}</view
                  >
                </view>
                <view class="circle_bottom">
                  <view class="circle_left">
                    {{ $Time.getDateDiff(item.createDate) }}
                  </view>
                  <view class="circle_right">
                    <view class="circle_right_item">
                      <image
                        class="image2"
                        src="https://pic.bangbangtongcheng.com/static/bbcz/eye01.png"
                        mode=""
                      >
                      </image
                      >{{ item.views || 0 }}
                    </view>
                    <view class="circle_right_item" @click.stop="dianzan(item, index, 1)">
                      <image
                        class="image3"
                        src="https://pic.bangbangtongcheng.com/static/bbcz/dz01.png"
                        mode=""
                        v-if="item.whetherThumbsUp != 1"
                      ></image>
                      <image
                        class="image3"
                        src="https://pic.bangbangtongcheng.com/static/dz01.png"
                        mode=""
                        v-else
                      >
                      </image>
                      {{ item.upThumb }}
                    </view>
                    <view class="circle_right_item" @click.stop="diancai(item, index, 2)">
                      <image
                        class="image3"
                        style="width: 38rpx; height: 36rpx"
                        src="https://pic.bangbangtongcheng.com/static/bbcz/dc01.png"
                        mode=""
                        v-if="item.whetherThumbsDown != 1"
                      ></image>
                      <image
                        class="image3"
                        style="width: 38rpx; height: 36rpx"
                        src="https://pic.bangbangtongcheng.com/static/bbcz/dc02.png"
                        mode=""
                        v-else
                      ></image>
                      {{ item.downThumb }}
                    </view>
                    <view class="circle_right_item">
                      <image
                        class="image4"
                        src="https://pic.bangbangtongcheng.com/static/bbcz/zf01.png"
                        mode=""
                      >
                      </image
                      >{{ item.forwardingVolume }}
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
          <view v-if="Recommend.length == 0" class="none">
            <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
            <view>没有更多数据了</view>
          </view>
          <view class="" style="height: 130rpx"></view>
        </view>
        <view v-else-if="xuan == 4">
          <view class="" style="overflow: hidden; height: 100%">
            <view class="list">
              <view
                class="liss"
                v-for="(item, index) in Recommend"
                :key="index"
                @click="cydetails(item.id)"
              >
                <image mode="aspectFit" :src="item.vehicleCoverPicture" />
                <view class="li_2" style="max-width: 336rpx">
                  <view class="vehicleRecom">
                    <span class="tagLabel">{{
                      item.vehicleType == 1 ? '到店新车' : '二手车'
                    }}</span>
                    <span v-if="item.vehicleType == 2">
                      <!-- {{ item.vehicleBrandModel.split("|")[0] + " " }}
                    {{
                      item.vehicleBrandModel.split("|")[1]
                        ? item.vehicleBrandModel.split("|")[1] + "/"
                        : "/"
                    }} -->
                      {{ item.title }}
                      <!-- {{
                      item.mileage < 10000
                        ? item.mileage + "公里/"
                        : (item.mileage / 10000).toFixed(1) + "万公里/"
                    }}
                    {{ item.licensingTimeYear }} -->
                    </span>
                    <span v-else>
                      <!-- {{ item.vehicleBrandModel.split("|")[0] + " " }}
                    {{
                      item.vehicleBrandModel.split("|")[1]
                        ? item.vehicleBrandModel.split("|")[1] + "/"
                        : "/"
                    }} -->

                      {{ item.title }}
                      <!-- {{ item.model ? item.model + "/" : "" }}
                    {{
                      item.bodyStructureDoors +
                      "门" +
                      item.bodyStructureSeat +
                      "座" +
                      item.bodyStructureVehicle +
                      "车"
                    }} -->
                    </span>
                  </view>
                  <view class="price"> {{ item.price }}万 </view>
                </view>
              </view>
              <view v-if="Recommend.length == 0" class="none">
                <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
                <view>没有更多数据了</view>
              </view>
              <view class="down" v-show="Recommend.length != 0 && !downStatus">没有更多了</view>
              <view class="disclaimer" v-if="Recommend.length != 0">
                {{ disclaimers }}
              </view>
              <view class="" style="height: 130rpx"></view>
            </view>
          </view>
        </view>
        <view v-else-if="xuan == 5">
          <view class="" style="overflow: hidden; height: 100%">
            <view class="list">
              <view
                class="vacancy"
                v-for="(item, index) in Recommend"
                :key="index"
                @click="zpdetails(item)"
              >
                <view class="vehicleRecom">
                  <span class="tagLabel">{{ item.recruitmentType == 1 ? '全职' : '兼职' }}</span>
                  <span>{{ item.title }}</span>
                </view>
                <view class="vacancy_center">
                  <view class="vacancy_status">
                    <span>{{ item.region }}</span>
                    <span>{{ item.positionCategory }}</span>
                  </view>
                  <view class="vacancy_price" v-if="item.recruitmentType == 1">{{
                    item.salaryRange == '面议' ? '面议' : item.salaryRange + '元'
                  }}</view>
                  <view class="vacancy_price" v-else>
                    {{ item.salaryRange.split(',').join('') }}&emsp;{{ item.settlementMethod }}
                  </view>
                </view>
                <view class="vacancy_biaoq" v-if="item.fringeBenefits">
                  <view class="vacancy_label">
                    <view class="shade"> </view>
                    <view class="label" v-for="(i, j) in item.fringeBenefits.split(',')" :key="j">
                      {{ i }}
                    </view>
                  </view>
                  <view class="gend" v-if="item.fringeBenefits.split(',').length > 4"> 更多> </view>
                </view>
                <view class="personalInformation">
                  <view class="personalInformation_left">
                    <view class="GR">
                      <image
                        class="personalInformation_image"
                        v-if="item.userInformationDto.image"
                        :src="item.userInformationDto.image"
                        mode=""
                      ></image>
                      <image
                        class="personalInformation_image"
                        v-else
                        src="https://pic.bangbangtongcheng.com/static/my/header.png"
                        mode=""
                      >
                      </image>
                      <span class="name">{{
                        item.userInformationDto.nikeName
                          ? item.userInformationDto.nikeName
                          : '未命名用户'
                      }}</span>
                    </view>
                    <view class="GS" v-if="item.userInformationDto.enterpriseRecruitmentStatus">
                      <view class="personalInformation_image"></view>
                      <span class="corporation">{{ item.enterpriseName }}</span>
                    </view>
                  </view>
                  <view class="personalInformation_right">
                    <span class="personalInformation_Time">{{
                      $Time.getDateDiff(item.createDate)
                    }}</span>
                  </view>
                </view>
              </view>
              <view v-if="Recommend.length == 0" class="none">
                <image src="https://pic.bangbangtongcheng.com/static/none.png" mode="widthFix" />
                <view>没有更多数据了</view>
              </view>
              <view class="down" v-show="Recommend.length != 0 && !downStatus">没有更多了</view>
              <view class="disclaimer" v-if="Recommend.length != 0">
                {{ disclaimers }}
              </view>
              <view class="" style="height: 130rpx"></view>
            </view>
          </view>
        </view>
      </scroll-view>
      <view class="bottom">
        <view class="bottom_left">
          <view class="img" @click="shouchang">
            <image
              v-if="data.whetherCollection == 0"
              src="https://pic.bangbangtongcheng.com/static/shoucang.png"
            />
            <image v-else src="https://pic.bangbangtongcheng.com/static/ysc.png" />
            <p v-if="data.whetherCollection == 0">收藏</p>
            <p v-else>已收藏</p>
          </view>
          <view class="img" @click="openMap">
            <image src="https://pic.bangbangtongcheng.com/static/fei.png"></image>
            <p>导航</p>
          </view>
          <!-- #ifdef APP-PLUS -->
          <!--        <view class="img" @click="getPhone(data.storeContactNumber)">
          <image src="https://pic.bangbangtongcheng.com/static/dianhua.png"></image>
          <p>拨打电话</p>
        </view> -->
          <!-- #endif -->
          <!-- #ifndef APP-PLUS -->
          <!--        <view class="img" @click="onphone(data.storeContactNumber)">
          <image src="https://pic.bangbangtongcheng.com/static/dianhua.png"></image>
          <p>拨打电话</p>
        </view> -->
          <!-- #endif -->
        </view>
        <!--      <view
        class="but"
        @click.stop="chat(data.userInfo.id, data.userInfo.nikeName, data.userInfo.image)"
        >在线聊天</view
      > -->
      </view>
      <!-- <view class="bottom" style="display: flex; justify-content: flex-end; align-items: center">
			<view style="
          display: flex;
          flex-direction: column;
          margin-right: 40rpx;
          align-items: center;
        " @click="shouchang">
				<image style="width: 54rpx; height: 54rpx" v-if="data.whetherCollection==0"
					src="https://pic.bangbangtongcheng.com/static/shoucang.png" />
				<image style="width: 54rpx; height: 54rpx" v-else
					src="https://pic.bangbangtongcheng.com/static/ysc.png" />
				<text style="font-size: 24rpx" v-if="data.whetherCollection==0">收藏</text>
				<text style="font-size: 24rpx" v-else>已收藏</text>
			</view>
			<view @click="openMap" style="
          display: flex;
          flex-direction: column;
          margin-right: 40rpx;
          align-items: center;
        ">
				<image style="width: 54rpx; height: 54rpx" src="https://pic.bangbangtongcheng.com/static/fei.png">
				</image>
				<text style="font-size: 24rpx">导航</text>
			</view>
			<view @click="getPhone(data.storeContactNumber)" style="
          display: flex;
          flex-direction: column;
          margin-right: 40rpx;
          align-items: center;
        ">
				<image style="width: 54rpx; height: 54rpx" src="https://pic.bangbangtongcheng.com/static/dianhua.png">
				</image>
				<text style="font-size: 24rpx">拨打电话</text>
			</view>
			<view @click.stop="chat(data.userInfo.id, data.userInfo.nikeName,data.userInfo.image)" style="
          margin-right: 40rpx;
          width: 200rpx;
          height: 70rpx;
          border-radius: 36rpx;
          text-align: center;
          line-height: 70rpx;
          color: #fff;
          background: #64b6a8;
        ">
				在线聊天
			</view>
		</view> -->
      <uni-popup ref="binds" mode="center">
        <view class="binds_frame">
          <view class="binds_frame_c">{{ data.storeIntroduction }}</view>
          <view class="binds_frame_b" @click="jcbdCancel">确定</view>
        </view>
      </uni-popup>
      <view class="zbc" v-if="zbc">
        <view class="tan">
          <view class="text">商家已将您标记为离职，是否同意？</view>
          <view class="xiao">稍后</view>
          <view class="tong">同意</view>
          <view class="guan" @click="guan">×</view>
        </view>
      </view>
      <view v-if="scrollTop > 20" class="hui" @click="totop">
        <image src="https://pic.bangbangtongcheng.com/static/top.png" />返回顶部
      </view>
      <previewImgV ref="previewImgV"></previewImgV>
      <uniBall></uniBall>
    </view>
  </view>
</template>

<script>
  import permision from '@/js_sdk/wa-permission/permission.js'
  import { mapGetters } from 'vuex'
  let statusBarHeight
  //#ifdef H5
  import wxshare from '../../utils/index.js'
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44
  //#endif
  // #ifdef APP-PLUS
  statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 10 + 44
  //  #endif
  // #ifdef MP-WEIXIN
  statusBarHeight = 106
  //  #endif
  import previewImgV from '@/components/previewImgV.vue'
  export default {
    data() {
      return {
        lodingAll: true,
        statusBarHeight,
        zbc: false,
        xuan: 4,
        TabCur: 1,
        scrollLeft: 0,
        list: [
          {
            num: 1,
            name: '全部',
          },
          {
            num: 2,
            name: '二手车',
          },
          {
            num: 3,
            name: '新车',
          },
        ],
        swiperList: [],
        id: '',
        moveTo: '',
        scrollTop: '',
        data: {},
        imgUrl: this.$imgSrc,
        transactionType: '',
        newOld: '',
        Recommend: [],
        jjrList: [],
        userInfo: uni.getStorageSync('Pduser'),
        downStatus: true,
        isCollection: 0,
        showTab: false,
        target: 100,
        titIndex: 1,
        swiperVideo: '',
        current: 0,
        disclaimers: '',
        RecruitChage: 0,
        llindex: 1,
      }
    },
    components: {
      previewImgV: previewImgV,
    },
    computed: {
      ...mapGetters(['statusBarHeight1', 'userinfo']),
    },
    onReady() {
      let self = this
      this.$nextTick(function () {
        let info = uni.createSelectorQuery().select('.target')
        info
          .boundingClientRect(function (data) {
            //data - 各种参数

            uni.getSystemInfo({
              success(res) {
                self.curWindowWidth = res.windowWidth
                self.target = data.top - data.height
                console.log(self.target, 123123123213) // 获取元素宽度
                // self.target = (data.top * (750 / res.windowWidth))
                //窗口高度，将px 转换rpx
              },
            })
          })
          .exec()
      })
    },
    onPageScroll: function (Object) {
      this.scrollTop = Object.scrollTop
    },
    filters: {
      nums(val) {
        return val.toFixed(2)
      },
      images(url) {
        let arr = url.split('')
        if (arr[0] == '/') {
          return this.imgUrl + url
        } else {
          return url
        }
      },
    },
    async onLoad(options) {
      this.id = options.id
      if (options.showTab == 5) {
        this.xuan = 5
      }
      console.log('123,12', this.xuan)
      this.Disclaimers()
      await this.getShopDetail()
      await this.getdynamicList2()
      await this.xuanzhong(this.xuan)
      await this.getRecruitChage()
      /* #ifdef H5 */
      this.jinzhi()
      /* #endif */
    },
    onShow() {
      this.userInfo = uni.getStorageSync('Pduser')
    },
    methods: {
      editMyHomePage() {
        uni.navigateTo({
          url: '/pages_owner/editMyHomePage',
        })
      },
      // 点击会员
      goMyLevel() {
        uni.navigateTo({
          url: '/pages_my/bangClub',
        })
      },
      chat(receiver, nikeName, img) {
        if (!this.showLogin()) {
          return
        }
        uni.navigateTo({
          url: `/pages/news/chat1?receiver=${receiver}&img=${img}&nikeName=${nikeName}`,
        })
      },
      weigui(id) {
        uni.navigateTo({
          url: '/pages_intermediary/illegalBehavior?id=' + id + '&index=1',
        })
      },
      gongsixiangq() {
        if (!this.data.userId) {
          return
        }
        uni.navigateTo({
          url: '/pages_recruitMoney/recruitmentDetails/companyDetails?userId=' + this.data.userId,
        })
      },
      async userfy(item) {
        // if (!this.showLogin()) {
        // 	return;
        // }
        let yy = await this.getjjr(item.userInfo.id)
        if (yy.businessType == 1 && yy.shopType == 2 && yy.isShop == 1) {
          if (!yy.buildingId) {
            uni.showToast({
              title: '该商家还未发布楼盘！',
              icon: 'none',
              mask: true,
            })
            return
          }
          uni.navigateTo({
            url: '/pages_houses/houses/housesDetails?id=' + yy.buildingId,
          })
          return
        }
        if (yy.businessType == 0 && yy.enterpriseRecruitmentStatus == 1) {
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentDetails/companyDetails?userId=' + yy.id,
          })
          return
        }
        uni.navigateTo({
          url: '/pages_owner/dealer/goldConsultant?userId=' + item.userInfo.id,
        })
      },
      async getjjr(id) {
        let that = this
        let data = {}
        await this.$myRequest
          .get('/api/mobile/public/getPersonalHome', {
            otherId: id,
            ownerId: this.userInfo.id,
          })
          .then((res) => {
            data = res.personalHomeData
          })
        return data
      },
      // 免责声明
      Disclaimers() {
        this.$myRequest
          .get('/api/mobile/public/getDisclaimersByDisclaimerLocation', {
            disclaimerLocation: '7',
          })
          .then((res) => {
            this.disclaimers = res.Disclaimers.disclaimerContent
          })
      },
      lljl() {
        if (!this.userInfo.phone) {
          return
        }
        if (this.data.userInfo.id == this.userInfo.id) {
          return
        }
        this.$myRequest
          .post('/api/mobile/public/increaseBrowsingRecord', {
            browseRecordId: this.id,
            viewersId: this.userInfo.id,
            businessType: 2,
            browsingRecords: 2,
          })
          .then((res) => {
            this.llindex = 2
          })
      },
      // 增加帮帮豆
      addIntegral(val, title) {
        this.$myRequest
          .post('/mob/iteration/addIntegral', {
            userId: this.userInfo.id,
            ruleNumber: val,
            title: title || '转发店铺',
          })
          .then((res) => {})
      },
      fn() {
        uni.showActionSheet({
          itemList: ['分享到微信好友', '分享到微信朋友圈'],
          success: (res) => {
            this.addIntegral(3)
            let wsxcene = null
            if (res.tapIndex == 0) {
              //分享到好友 可以发送小程序
              wsxcene = 'WXSceneSession'
              uni.share({
                provider: 'weixin',
                scene: wsxcene,
                type: 5,
                title: this.data.storeName,
                imageUrl: this.data.storeCoverImage + '?imageView2/2/w/800',
                miniProgram: {
                  id: 'gh_c8b17811efca',
                  path: 'pages_owner/dealer/dealerDetails?id=' + this.id,
                  type: 0,
                  webUrl:
                    'https://www.bangbangtongcheng.com/conven_web/#/pages_owner/dealer/dealerDetails?id=' +
                    this.id,
                },
                // summary: "我正在看，" + this.data.title + "赶紧跟我一起来查看！",
                success: function (res) {
                  console.log('success:' + JSON.stringify(res))
                },
                fail: function (err) {
                  console.log('fail:' + JSON.stringify(err))
                },
              })
            } else {
              uni.downloadFile({
                url: this.data.storeCoverImage + '?imageView2/2/w/800', //仅为示例，并非真实的资源
                success: (res) => {
                  if (res.statusCode === 200) {
                    let name = res.tempFilePath.substr(res.tempFilePath.lastIndexOf('/') + 1) //截取文件名
                    plus.zip.compressImage(
                      {
                        src: res.tempFilePath, //下载完图片的临时路径
                        dst: '_doc/photoData/' + name, //存储压缩完图片的临时路径
                        overwrite: true, //再次压缩会覆盖掉上次的目录
                        width: '150px', //缩放图片的宽度
                        height: '100px', //缩放图片的高度
                        quality: 5, //压缩图片质量,值越低,图片占内存越低
                      },
                      (event) => {
                        //压缩成功
                        wsxcene = 'WXSceneTimeline' //分享到朋友圈 只能H5 或者图片
                        uni.share({
                          provider: 'weixin',
                          scene: wsxcene,
                          type: 0,
                          title: this.data.storeName,
                          href:
                            'https://www.bangbangtongcheng.com/conven_web/#/pages_owner/dealer/dealerDetails?id=' +
                            this.id,
                          imageUrl: event.target,
                          summary: '我正在看，' + this.data.storeName + '赶紧跟我一起来查看！',
                          success: function (res) {
                            console.log('success:' + JSON.stringify(res))
                          },
                          fail: function (err) {
                            console.log('fail:' + JSON.stringify(err))
                          },
                        })
                      },
                      (error) => {
                        //压缩失败
                        uni.showToast({
                          title: '压缩失败',
                          icon: 'none',
                        })
                      }
                    )
                  }
                },
              })
            }
          },
          fail: function (res) {
            console.log(res.errMsg)
          },
        })
      },
      ViewImage(url, urls) {
        uni.previewImage({
          urls: url,
          current: urls,
        })
      },
      videoClick(e) {
        this.$refs.previewImgV.open(e)
      },
      // 关注帮友圈
      guanzhu(item) {
        if (!this.showLogin()) {
          return
        }
        let that = this
        this.$myRequest
          .post('/api/mobile/vehicleOwner/collectionOrCancelCollection', {
            collectorId: this.userInfo.id,
            relationId: item.id,
            collectionType: '3',
            ids: item.collectionAttention ? item.collectionAttention.id : '',
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
              mask: true,
            })
            if (item.whetherCollectio == 0) {
              this.addIntegral(5, '关注帮友圈')
            }
            this.friendsCircle()
          })
      },
      // 点赞帮友圈
      dianzan(item, index, pd) {
        if (!this.showLogin()) {
          return
        }
        let that = this
        let data = {}
        if (item.whetherThumbsUp != 1) {
          data = {
            userId: this.userInfo.id,
            circleId: item.id,
            type: pd,
          }
        } else {
          data = {
            userId: this.userInfo.id,
            circleId: item.id,
            id: item.likeRecord ? item.likeRecord.id : '',
            type: pd,
          }
        }
        this.$myRequest.post('/api/mobile/vehicleOwner/upperOrCancelThumb', data).then((res) => {
          uni.showToast({
            title: res.msg,
            icon: 'none',
            mask: true,
          })
          if (item.whetherThumbsUp == 0) {
            this.addIntegral(6, '点赞')
          }
          this.friendsCircle()
        })
      },
      diancai(item, index, pd) {
        if (!this.showLogin()) {
          return
        }
        let that = this
        let data = {}
        if (item.whetherThumbsDown != 1) {
          data = {
            userId: this.userInfo.id,
            circleId: item.id,
            type: pd,
          }
        } else {
          data = {
            userId: this.userInfo.id,
            circleId: item.id,
            id: item.likeRecord ? item.likeRecord.id : '',
            type: pd,
          }
        }
        this.$myRequest.post('/api/mobile/vehicleOwner/downOrCancelThumb', data).then((res) => {
          uni.showToast({
            title: res.msg,
            icon: 'none',
            mask: true,
          })
          this.friendsCircle()
        })
      },
      // 增加帮帮豆
      addIntegral(val, title) {
        this.$myRequest
          .post('/mob/iteration/addIntegral', {
            userId: this.userInfo.id,
            ruleNumber: val,
            title: title,
          })
          .then((res) => {})
      },
      // 返回顶部
      totop() {
        uni.pageScrollTo({
          scrollTop: 0,
          duration: 300,
        })
      },
      swiperC1(e) {
        this.current = e.detail.current
      },
      titxuan(index) {
        this.titIndex = index
      },
      async getShopDetail() {
        let that = this
        await this.$myRequest
          .get('/api/mobile/vehicleOwner/getDistributorById', {
            userId: this.userInfo.id,
            id: this.id,
          })
          .then((res) => {
            this.data = res.distributorList
            if (this.llindex == 1) {
              this.lljl()
            }
            if (this.swiperList.length == 0) {
              this.swiperList.push({
                id: '1',
                img: this.data.storeCoverImage,
              })
            }
            this.lodingAll = false
          })
      },
      jcbdCancel() {
        this.$refs.binds.close()
      },
      open() {
        this.$refs.binds.open()
        // uni.showModal({
        // 	// title: '友情提示',
        // 	showCancel: false,
        // 	content: this.data.storeIntroduction,
        // 	success: function (res) {
        // 		if (res.confirm) {
        // 			console.log('用户点击确定');
        // 		} else if (res.cancel) {
        // 			console.log('用户点击取消');
        // 		}
        // 	}
        // });
      },
      tabSelect(e) {
        this.TabCur = e
        this.Recommend = []
        this.carSales()
      },
      openMaps(item) {
        let that = this
        /* #ifdef H5 */
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            uni.hideLoading()
            wxshare.config({
              debug: false, //是否打开调试
              appId: re.data.appId, // 公众号的唯一标识
              timestamp: re.data.timestamp, // 生成签名的时间戳
              nonceStr: re.data.nonce, // ，生成签名的随机串
              signature: re.data.signature, // 签名
              jsApiList: ['openLocation'],
            })
            wxshare.ready(function () {
              wxshare.openLocation({
                latitude: Number(item.latitude), //目的地latitude
                longitude: Number(item.longitude), //目的地longitude
                // name: that.data.title,
                // address: that.data.address,
                scale: 15, //地图缩放大小，可根据情况具体调整
              })
            })
          },
        })
        /* #endif */
        /* #ifndef H5 */
        uni.openLocation({
          latitude: Number(item.latitude),
          longitude: Number(item.longitude),
          name: item.detailedAddress,
          success: function () {
            console.log('success')
          },
        })
        /* #endif */
      },
      openMap() {
        let that = this
        /* #ifdef H5 */
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            // var longitude = latitude;
            // var latitude = latitude;
            // that.setWxShare(re.data)
            uni.hideLoading()
            wxshare.config({
              debug: false, //是否打开调试
              appId: re.data.appId, // 公众号的唯一标识
              timestamp: re.data.timestamp, // 生成签名的时间戳
              nonceStr: re.data.nonce, // ，生成签名的随机串
              signature: re.data.signature, // 签名
              jsApiList: ['openLocation'],
            })
            wxshare.ready(function () {
              wxshare.openLocation({
                latitude: Number(that.data.latitude), //目的地latitude
                longitude: Number(that.data.longitude), //目的地longitude
                name: that.data.shopName,
                address: that.data.shopAddress,
                scale: 15, //地图缩放大小，可根据情况具体调整
              })
            })
          },
        })
        /* #endif */
        /* #ifndef H5 */
        uni.openLocation({
          latitude: Number(this.data.latitude),
          longitude: Number(this.data.longitude),
          name: this.data.shopName,
          address: this.data.shopAddress,
          success: function () {
            console.log('success')
          },
        })
        /* #endif */
      },
      async getPhone(phone) {
        this.onphone(phone)
      },

      onphone(phone) {
        if (!this.userInfo.phone) {
          uni.showModal({
            title: '',
            content: '尚未登录，前往登录？',
            showCancel: true,
            success: (res) => {
              if (res.confirm) {
                //#ifdef H5
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef APP-PLUS
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef MP-WEIXIN
                uni.navigateTo({
                  url: '/pages/login/phoneLogin',
                })
                //#endif
              }
            },
          })
          return
        }
        this.$myRequest
          .post('/api/mobile/public/increaseCallRecord', {
            userId: this.userInfo.id,
            businessType: '2',
            telephoneNumber: phone,
            associationId: this.data.id,
            callType: 2,
          })
          .then((res) => {})
        uni.makePhoneCall({
          // 手机号
          phoneNumber: phone,
          // 成功回调
          success: (res) => {
            console.log('调用成功!')
          },

          // 失败回调
          fail: (res) => {
            console.log('调用失败!')
          },
        })
      },
      xuanzhong(num) {
        this.xuan = num
        this.Recommend = []
        uni.showLoading({
          title: '加载中',
          mask: false,
        })
        if (num == 1) {
          this.sellCars()
        } else if (num == 2) {
          this.goldConsultant()
        } else if (num == 3) {
          this.friendsCircle()
        } else if (num == 4) {
          this.carSales()
        } else if (num == 5) {
          this.getRecruit()
        }
      },
      // 判断商家有没有在招职位
      getRecruitChage() {
        this.$myRequest
          .get('/api/mobile/personnelOwner/getRecruitmentPosition', {
            pageSize: 9999,
            pageNo: 1,
            userId: this.data.userId,
          })
          .then((res) => {
            this.RecruitChage = res.recruitment.pageList.length
            if (this.xuan == 5) {
              this.$nextTick(function () {
                this.moveTo = 'xuan5'
              })
            }
          })
      },
      // 获取商家在招职位
      getRecruit() {
        this.$myRequest
          .get('/api/mobile/personnelOwner/getRecruitmentPosition', {
            pageSize: 9999,
            pageNo: 1,
            userId: this.data.userId,
          })
          .then((res) => {
            uni.hideLoading()
            this.downStatus = false
            this.upStatus = true
            this.trigger = false
            this.Recommend = res.recruitment.pageList
          })
      },
      // 获取商家在售车系
      sellCars() {
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getOnSaleVehicleSeries', {
            pageSize: 9999,
            pageNo: 1,
            storeId: this.id,
            vehicleType: 3,
          })
          .then((res) => {
            uni.hideLoading()
            this.downStatus = false
            this.upStatus = true
            this.trigger = false
            this.Recommend = res.onSaleVehicleSeries.pageList
          })
      },
      // 获取商家金牌顾问
      goldConsultant() {
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getGoldAdvisor', {
            pageSize: 9999,
            pageNo: 1,
            storeId: this.id,
          })
          .then((res) => {
            uni.hideLoading()
            this.downStatus = false
            this.upStatus = true
            this.trigger = false
            this.jjrList = res.goldAdvisor.pageList
          })
      },
      // 获取商家帮友圈
      friendsCircle() {
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getHelpingFriendsCircle', {
            pageSize: 9999,
            pageNo: 1,
            storeId: this.id,
            userId: this.userInfo.id,
            businessType: 2,
          })
          .then((res) => {
            uni.hideLoading()
            if (!res.helpingFriendsCircle.pageList.length) {
              this.downStatus = false
            }
            res.helpingFriendsCircle.pageList.forEach((item) => {
              if (item.picture) {
                let arr = item.picture.split('|')
                let pictureArr = []
                arr.forEach((el) => {
                  pictureArr.push(el)
                })
                item.pictureArr = pictureArr
              }
            })
            this.upStatus = true
            this.trigger = false
            this.Recommend = res.helpingFriendsCircle.pageList
          })
      },
      // 获取商家现车销售
      carSales() {
        this.$myRequest
          .get('/api/mobile/vehicleOwner/getExistingVehicleSales', {
            pageSize: 9999,
            pageNo: 1,
            storeId: this.id,
            vehicleType: this.TabCur == 1 ? '' : this.TabCur == 2 ? '2' : '1',
          })
          .then((res) => {
            uni.hideLoading()
            if (!res.existingVehicleSales.pageList.length) {
              this.downStatus = false
            }
            this.upStatus = true
            this.trigger = false
            this.Recommend = res.existingVehicleSales.pageList
          })
      },
      chat(receiver, nikeName, img) {
        if (!this.showLogin()) {
          return
        }
        uni.navigateTo({
          url: `/pages/news/chat1?receiver=${receiver}&img=${img}&nikeName=${nikeName}`,
        })
      },
      shouchang() {
        console.log(this.userInfo)
        if (!this.userInfo.phone) {
          uni.showModal({
            title: '',
            content: '尚未登录，前往登录？',
            showCancel: true,
            success: (res) => {
              if (res.confirm) {
                //#ifdef H5
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef APP-PLUS
                uni.navigateTo({
                  url: '/pages/login/login?isNeedBack=true',
                })
                //#endif
                //#ifdef MP-WEIXIN
                uni.navigateTo({
                  url: '/pages/login/phoneLogin',
                })
                //#endif
              }
            },
          })
          return
        }
        let that = this
        this.$myRequest
          .post('/api/mobile/vehicleOwner/collectionOrCancelCollection', {
            collectorId: this.userInfo.id,
            relationId: this.data.id,
            collectionType: '2',
            ids: this.data.collectionAttention ? this.data.collectionAttention.id : '',
          })
          .then((res) => {
            uni.showToast({
              title: res.msg,
              icon: 'none',
              mask: true,
            })
            if (this.data.whetherCollection == 0) {
              this.addIntegral(5, '收藏门店')
            }
            this.getShopDetail()
          })
      },
      jinzhi() {
        let _this = this
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            _this.setWxShare(re.data)
          },
        })
      },
      setWxShare(data) {
        let _this = this
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ['updateAppMessageShareData', 'updateTimelineShareData', 'openLocation'],
        })
        wxshare.ready(function () {
          _this.addIntegral(3)
          //分享给朋友
          wxshare.updateAppMessageShareData({
            title: this.data.storeName, // 分享标题
            desc: this.data.storeCoverImage + '?imageView2/2/w/800', // 分享描述
            link: `https://www.bangbangtongcheng.com/conven_web/#/pages_owner/dealer/dealerDetails?id=${this.id}`, // 当前页面链接pp
            imgUrl: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg', // 分享图标
            success: function () {
              //分享成功回调
            },
            cancel: function () {
              //取消分享回调
            },
          })
          wxshare.updateTimelineShareData({
            title: this.data.storeName, // 分享标题
            desc: this.data.storeCoverImage + '?imageView2/2/w/800', // 分享描述
            link: `https://www.bangbangtongcheng.com/conven_web/#/pages_owner/dealer/dealerDetails?id=${this.id}`, // 当前页面链接pp
            imgUrl: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg', // 分享图标
            success: function () {},
            cancel: function () {},
          })
        })
      },
      onShareAppMessage: function (res) {
        this.addIntegral(3)
        let that = this
        if (res.from === 'menu') {
        }
        return {
          title: this.data.storeName,
          path: '/pages_owner/dealer/dealerDetails?id=' + this.id,
          desc: '找车就用帮帮同城',
          imageUrl: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg',
        }
      },
      onShareTimeline() {
        this.addIntegral(3)
        return {
          title: this.data.storeName,
          path: '/pages_owner/dealer/dealerDetails?id=' + this.id,
          imageUrl: 'https://pic.bangbangtongcheng.com/6a1ff26f7e554c03aef0bdf118e4741a.jpeg',
        }
      },
      detailsDy(id) {
        uni.navigateTo({
          url: '/pages_intermediary/dynamicDetail?id=' + id,
        })
      },
      detailjjr(id) {
        // if (!this.showLogin()) {
        // 	return;
        // }
        uni.navigateTo({
          url: '/pages_owner/dealer/goldConsultant?userId=' + id,
        })
      },
      fanhui() {
        const pages = getCurrentPages()
        if (pages.length === 1) {
          uni.switchTab({
            url: '/pages/index/index',
          })
        } else {
          uni.navigateBack({
            delta: 1,
          })
        }
      },
      bannerD(id) {
        console.log(id)
        if (id != undefined) {
          uni.navigateTo({
            url: '/pages/index/bannerDetails?id=' + id,
          })
        } else {
          uni.navigateTo({
            url: '/pages_index/Watch/index',
          })
        }
      },
      guan() {
        this.zbc = false
      },
      tiaozhuan(num) {
        if (num == 1) {
          uni.navigateTo({
            url: '/pages_houses/housing/index',
          })
        } else if (num == 2) {
          uni.navigateTo({
            url: '/pages/index/bannerDetails',
          })
        } else if (num == 3) {
          uni.navigateTo({
            url: '/pages/intermediary/index',
          })
        }
      },
      getdynamicList2() {
        let that = this
        this.$myRequest
          .get('/mob/user/getArticleInfo', {
            pageSize: '999',
            pageNo: '1',
            businessType: 2,
            shopId: this.id,
            type: '2',
          })
          .then((res) => {
            res.list.forEach((v) => {
              if (v.remarks == 2) {
                this.swiperVideo = v.image
              } else {
                this.swiperList.push({
                  id: v.id,
                  img: v.image,
                })
              }
            })
          })
      },
      byqdetails(id) {
        uni.navigateTo({
          url: '/pages_owner/my/friendsCircleDetails?id=' + id,
        })
      },
      details(id) {
        uni.navigateTo({
          url: '/pages_owner/index/carSeriesDetails?id=' + id,
        })
      },
      cydetails(id) {
        uni.navigateTo({
          url: '/pages_owner/index/vehicleDetails?id=' + id,
        })
      },
      zpdetails(item) {
        if (item.recruitmentType == '1') {
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentDetails/fullTime?id=' + item.id,
          })
        } else {
          uni.navigateTo({
            url: '/pages_recruitMoney/recruitmentDetails/concurrently?id=' + item.id,
          })
        }
      },
    },
  }
</script>

<style lang="less" scoped>
  .tit_t_fix {
    position: fixed !important;
    background-color: white;
    top: 90rpx;
    width: 100%;
    left: 0;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    padding-bottom: 16px;
    padding-top: 10px;
    padding-left: 15px;
    z-index: 99999;
  }

  .disclaimer {
    width: 100%;
    margin-top: 20rpx;
    padding-top: 20rpx;
    font-size: 26rpx;
    color: #a19898;
    // margin-left:50rpx;
    word-break: break-all;
    margin-top: 16rpx;
  }

  .mingpian {
    position: relative;
    width: 690rpx;
    height: 200rpx;
    background: #ffffff;
    box-shadow: 0px 0px 6rpx rgba(0, 0, 0, 0.16);
    border-radius: 18rpx;
    margin-top: 40rpx;
    margin-left: 30rpx;

    .name {
      position: absolute;
      top: 50rpx;
      left: 174rpx;
      font-size: 36rpx;
      width: 160rpx;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }

    .img1 {
      position: absolute;
      top: 44rpx;
      left: 30rpx;
      width: 120rpx;
      height: 120rpx;
      border-radius: 50%;
    }

    .img2 {
      position: absolute;
      top: 132rpx;
      left: 40rpx;
      width: 100rpx;
      height: 36rpx;
      background: url('https://pic.bangbangtongcheng.com/static/name.png');
      background-size: 100% 100%;
      font-size: 20rpx;
      color: #fff;
      text-align: center;
      line-height: 36rpx;
    }

    .zhiwei {
      position: absolute;
      top: 132rpx;
      left: 54rpx;
      font-size: 20rpx;
      color: #fff;
    }

    .xin {
      position: absolute;
      top: 112rpx;
      left: 170rpx;

      .img3 {
        width: 40rpx;
        height: 40rpx;
      }
    }

    .img4 {
      position: absolute;
      width: 54rpx;
      height: 54rpx;
      top: 50rpx;
      left: 340rpx;
    }

    .img5 {
      position: absolute;
      width: 54rpx;
      height: 54rpx;
      top: 50rpx;
      left: 400rpx;
    }

    .weigui {
      position: absolute;
      top: 50rpx;
      left: 470rpx;
      width: 180rpx;
      height: 100rpx;
      border-left: 2rpx solid #e0e0e0;

      p {
        width: 100%;
        height: 56rpx;
        line-height: 56rpx;
        text-align: center;
        color: #e00000;
        font-size: 56rpx;
      }

      image {
        position: absolute;
        width: 14rpx;
        height: 26rpx;
        top: 72rpx;
        right: 0rpx;
      }
    }
  }

  .bottom {
    position: fixed;
    width: 100%;
    height: 120rpx;
    background-color: #fff;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .bottom_left {
      flex: 1;
      display: flex;
      justify-content: space-around;

      .img {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-left: 25rpx;

        image {
          width: 54rpx;
          height: 54rpx;
        }

        p {
          font-size: 24rpx;
        }
      }
    }

    .but {
      // position: absolute;
      width: 200rpx;
      height: 70rpx;
      border-radius: 36rpx;
      text-align: center;
      line-height: 70rpx;
      color: #fff;
      background: #64b6a8;
      margin-right: 25rpx;
      // top: 26rpx;
      // right: 30rpx;
    }
  }

  .tit_t {
    display: flex;
    align-items: center;

    .tabxx {
      flex: 1;
      padding: 0 30rpx;
      height: 57rpx;
      background-color: #f2f2f2;
      border-radius: 8rpx;
      text-align: center;
      line-height: 57rpx;
      font-size: 28rpx;
      font-weight: 400;
      color: #333333;
      margin: 0 10rpx;
    }

    .tabxx:nth-child(1) {
      margin-left: 0;
    }

    .tabxx:nth-child(4) {
      margin-right: 0;
    }

    .xuan {
      background-color: #64b6a8;
      color: #fff;
    }
  }

  .jieshao {
    width: 100%;
    height: 130rpx;
    border-bottom: 20rpx solid #f2f2f2;
    display: flex;
    align-items: center;

    .p1 {
      margin-left: 30rpx;
      margin-right: 10rpx;
      padding-right: 16rpx;
      font-size: 34rpx;
      color: #64b6a8;
      border-right: 2rpx solid #64b6a8;
    }

    .p2 {
      font-size: 28rpx;
      flex: 1;
      word-break: break-all;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2; //想要的行数
      -webkit-box-orient: vertical;
    }

    .image {
      width: 36rpx;
      height: 36rpx;
      margin-right: 30rpx;
    }
  }

  .circle {
    margin: 0 30rpx;
    margin-top: 30rpx;

    .circle_item {
      width: 690rpx;
      border-bottom: 1px solid #e5e5e5;
      margin-bottom: 30rpx;
      display: flex;

      .headPortrait {
        width: 90rpx;
        height: 90rpx;
        position: relative;

        .img1 {
          width: 100%;
          height: 100%;
          border-radius: 50%;
        }

        .img2 {
          position: absolute;
          bottom: -14rpx;
          left: 50%;
          transform: translateX(-50%);
          width: 100rpx;
          height: 40rpx;
          background-image: url('https://pic.bangbangtongcheng.com/static/bbcz/jpgw01.png');
          background-size: 100% 120%;
          font-size: 24rpx;
          color: #fff;
          text-align: center;
          line-height: 40rpx;
        }
      }

      .mingpians {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .mingpians_left {
          display: flex;

          /* margin-left: 30rpx; */
          .counselor {
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-left: 23rpx;
            height: 130rpx;

            .counselor_top {
              display: flex;
              align-items: center;
              width: 360rpx;

              .name {
                font-size: 28rpx;
                font-weight: 550;
                color: #333333;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
              }

              .attention {
                display: flex;
                margin-left: 12rpx;
                font-size: 28rpx;
                font-weight: 400;
                color: #333333;

                .img4 {
                  width: 41rpx;
                  height: 41rpx;
                  margin-right: 4rpx;
                }
              }
            }

            .counselor_bottom {
              display: flex;
              font-size: 28rpx;
              font-weight: 400;
              color: #333333;

              .img3 {
                width: 31rpx;
                height: 31rpx;
                margin-left: 5rpx;
              }
            }
          }
        }

        .mingpians_right {
          .item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            .image1 {
              width: 44rpx;
              height: 44rpx;
            }
          }
        }
      }

      .circle_center {
        width: 630rpx;
        height: 290rpx;
        border-radius: 18rpx;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 24rpx;
      }

      .circle_center_wz {
        margin-left: 30rpx;
        margin-top: 20rpx;

        .circle_center_wz_text {
          font-size: 32rpx;
          font-weight: 500;
          color: #333333;
          overflow: hidden;
          word-wrap: break-word;
          word-break: break-all;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
        }

        .circle_center_wz_img {
          margin-top: 20rpx;

          .circle_center_wz_imgss {
            width: 100%;
            height: 290rpx;
            /* border-radius: 18rpx; */
          }

          .circle_center_wz_imgss_d {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            /* justify-content: space-between; */

            .image {
              width: 170rpx;
              height: 170rpx;
              border-radius: 10rpx;
              margin-bottom: 8rpx;
              margin-right: 8rpx;
            }
          }

          .circle_center_wz_imgss_ds {
            display: flex;
            align-items: center;
            flex-wrap: wrap;

            .image {
              width: 170rpx;
              height: 170rpx;
              margin-right: 10rpx;
              border-radius: 10rpx;
              margin-bottom: 10rpx;
            }
          }

          .circle_center_wz_img_vid {
            /* max-width: 630rpx; */
            /* max-height: 290rpx; */
            position: relative;
            display: inline-block;

            image {
              max-width: 550rpx;
            }

            .images {
              width: 74rpx;
              height: 74rpx;
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
              max-width: 550rpx;
            }
          }
        }
      }

      .circle_bottom {
        margin-top: 30rpx;
        margin-left: 30rpx;
        margin-bottom: 30rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .circle_left {
          font-size: 24rpx;
          font-weight: 400;
          color: #333333;
        }

        .circle_right {
          display: flex;
          align-items: center;

          .circle_right_item {
            display: flex;
            align-items: center;
            margin-right: 20rpx;
            height: 37rpx;
            color: #64b6a8;

            .image2 {
              width: 32rpx;
              height: 30rpx;
              margin-right: 4rpx;
            }

            .image3 {
              width: 32rpx;
              height: 30rpx;
              margin-right: 4rpx;
            }

            .image4 {
              width: 34rpx;
              height: 34rpx;
              margin-right: 4rpx;
            }
          }

          .circle_right_item:last-child {
            margin-right: 0;
          }
        }
      }
    }
  }

  .zbc {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 99999;

    .tan {
      position: absolute;
      width: 600rpx;
      height: 300rpx;
      background-color: #fff;
      border-radius: 10rpx;
      top: 34%;
      left: 75rpx;

      .text {
        width: 100%;
        text-align: center;
        margin-top: 80rpx;
        font-size: 34rpx;
      }

      .xiao {
        position: absolute;
        width: 160rpx;
        height: 60rpx;
        background: #ffffff;
        border: 2rpx solid #64b6a8;
        border-radius: 37rpx;
        left: 118rpx;
        bottom: 54rpx;
        text-align: center;
        line-height: 60rpx;
        color: #64b6a8;
      }

      .tong {
        position: absolute;
        width: 160rpx;
        height: 60rpx;
        background: #64b6a8;
        border-radius: 37rpx;
        right: 118rpx;
        bottom: 54rpx;
        text-align: center;
        line-height: 60rpx;
        color: #fff;
      }

      .guan {
        position: absolute;
        width: 58rpx;
        height: 58rpx;
        border: 4rpx solid #ffffff;
        border-radius: 50%;
        left: 50%;
        transform: translateX(-50%);
        bottom: -100rpx;
        text-align: center;
        line-height: 48rpx;
        color: #fff;
        font-size: 54rpx;
      }
    }
  }

  .box {
    width: 100%;
    min-height: 100vh;
    // padding-bottom: 100rpx;
    background-color: #fff;
  }

  .tou {
    position: relative;
    width: 100%;
    // height: 88rpx;
    text-align: center;
    /* #ifdef MP-WEIXIN */
    text-align: left;
    display: flex;
    align-items: center;
    /* #endif */
    line-height: 88rpx;
    font-size: 36rpx;
    color: #fff;
    background-color: #64b6a8;

    .image1 {
      position: absolute;
      width: 32rpx;
      height: 32rpx;
      // top: 116rpx;
      left: 30rpx;
    }

    .image2 {
      position: absolute;
      width: 48rpx;
      height: 48rpx;
      bottom: 20rpx !important;
      // top: 116rpx;
      right: 30rpx;
      /* #ifdef MP-WEIXIN */
      position: initial;
      margin-left: auto;

      /* #endif */
      //margin-right: 320rpx;
    }
  }

  .bannerBox {
    position: relative;
    width: 100%;
    height: 500rpx;

    .editBanner {
      position: absolute;
      width: 176rpx;
      height: 50rpx;
      text-align: center;
      line-height: 50rpx;
      background: #0fa291;
      border-radius: 25rpx;
      font-size: 24rpx;
      color: #ffffff;
      right: 20rpx;
      top: 30rpx;
      z-index: 9;
    }

    video {
      width: 100%;
      height: 500rpx;
      max-width: 100%;
      max-height: 500rpx;
    }

    .butbox {
      position: absolute;
      left: 263rpx;
      bottom: 30rpx;
      z-index: 30;

      .tu {
        display: inline-block;
        width: 130rpx;
        height: 50rpx;
        border-radius: 30rpx;
        margin-left: 24rpx;
        margin-right: 90rpx;
      }

      .but {
        display: inline-block;
        text-align: center;
        line-height: 52rpx;
        width: 100rpx;
        height: 36rpx;
        background: url('https://pic.bangbangtongcheng.com/static/name.png');
        background-size: 100% 100%;
        font-size: 20rpx;
        color: #fff;
        text-align: center;
        line-height: 36rpx;
      }

      .xuan {
        background: #64b6a8;
        color: #fff;
      }
    }
  }

  .cu-item text {
    font-size: 28rpx;
    color: #333333;
  }

  .list {
    margin-top: 30rpx;
    margin-left: 30rpx;
    margin-right: 30rpx;
    width: 690rpx;

    .tit {
      color: #333333;
      font-size: 36rpx;
      margin-bottom: 12rpx;
    }

    .vacancy {
      width: 100%;
      padding-bottom: 30rpx;
      margin-bottom: 30rpx;
      border-bottom: 1px solid #e0e0e0;

      .vehicleRecom {
        font-size: 36rpx;
        font-weight: 600;
        color: #333333;
        line-height: 44rpx;
        word-break: break-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2; //想要的行数
        -webkit-box-orient: vertical;

        .tagLabel {
          vertical-align: top;
          background: #64b6a8;
          color: #fff;
          font-size: 24rpx;
          text-align: center;
          width: 106rpx;
          margin-right: 10rpx;
          padding: 2rpx 6rpx;
          border-radius: 4rpx;
        }
      }

      .vacancy_center {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 16rpx;

        .vacancy_status {
          span {
            font-size: 28rpx;
            font-weight: 400;
            color: #333333;
          }

          span:nth-child(1) {
            margin-right: 16rpx;
          }
        }

        .vacancy_price {
          font-size: 30rpx;
          font-weight: 550;
          color: #e00000;
        }
      }

      .vacancy_biaoq {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 16rpx;

        .vacancy_label {
          flex: 1;
          height: 48rpx;
          position: relative;
          overflow: hidden;
          white-space: nowrap;

          .shade {
            position: absolute;
            right: 0;
            top: 0;
            width: 100rpx;
            height: 48rpx;
            background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
          }

          .label {
            display: inline-block;
            padding: 10rpx;
            background-color: #f0f0f0;
            margin-right: 10rpx;
            font-size: 24rpx;
            font-weight: 400;
            color: #333333;
            border-radius: 4rpx;
          }

          .label:nth-last-child(1) {
            margin-right: 0rpx;
          }
        }

        .gend {
          text-align: right;
          width: 80rpx;
          height: 100%;
          font-size: 24rpx;
          color: #888888;
        }
      }

      .personalInformation {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 28rpx;

        .personalInformation_left {
          display: flex;
          flex-direction: column;

          .personalInformation_image {
            width: 42rpx;
            height: 42rpx;
            border-radius: 42rpx;
            margin-right: 12rpx;
          }

          .GR {
            display: flex;
            align-items: center;

            .name {
              font-size: 24rpx;
              font-weight: 400;
              color: #333333;
            }
          }

          .GS {
            display: flex;
            align-items: center;

            .corporation {
              font-size: 24rpx;
              font-weight: 400;
              color: #333333;
            }
          }
        }

        .personalInformation_right {
          display: flex;
          flex-direction: column;
          justify-content: flex-end;

          .personalInformation_Time {
            font-size: 24rpx;
            font-weight: 400;
            color: #888888;
            margin-bottom: 6rpx;
            text-align: right;
          }

          .personalInformation_distance {
            font-size: 24rpx;
            font-weight: 400;
            color: #888888;
            text-align: right;
          }
        }
      }
    }

    .vacancy:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }

    .liss {
      width: 96%;
      padding-bottom: 30rpx;
      margin-bottom: 30rpx;
      border-bottom: 2rpx solid #e0e0e0;
      display: flex;

      // justify-content: space-between;
      image {
        background-color: #f8f8f8;
        width: 300rpx;
        height: 200rpx;
        border-radius: 20rpx;
      }

      .li_2 {
        margin-left: 24rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .vehicleRecom {
          font-size: 32rpx;
          font-weight: 550;
          color: #333333;
          line-height: 44rpx;

          .tagLabel {
            vertical-align: top;
            background: #64b6a8;
            color: #fff;
            font-size: 24rpx;
            text-align: center;
            width: 106rpx;
            margin-right: 10rpx;
            padding: 4rpx 6rpx;
            border-radius: 4rpx;
          }
        }

        .price {
          font-size: 28rpx;
          font-weight: 600;
          color: #e00000;
        }
      }
    }

    .li:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }
  }

  .list_1 {
    margin-top: 30rpx;
    margin-left: 30rpx;
    width: 720rpx;

    .tit {
      color: #333333;
      font-size: 36rpx;
      margin-bottom: 24rpx;
    }

    .li {
      width: 96%;
      padding-bottom: 18rpx;

      image {
        background-color: #f8f8f8;
        width: 300rpx;
        height: 200rpx;
      }

      .li_1 {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin-left: 24rpx;

        .tit {
          width: 366rpx;
          height: 140rpx;
          font-size: 34rpx;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3; //想要的行数
          -webkit-box-orient: vertical;
        }

        .shijian {
          bottom: 4rpx;
          font-size: 26rpx;
        }
      }
    }

    .li:last-child {
      border-bottom: 0rpx solid #e0e0e0;
    }
  }

  .hui {
    position: fixed;
    right: 30rpx;
    bottom: 154rpx;
    display: flex;
    align-items: center;
    padding: 10rpx 20rpx;
    background-color: #fff;
    border-radius: 34rpx;
    font-size: 26rpx;
    box-shadow: 0px 0px 36rpx rgba(0, 0, 0, 0.16);
    z-index: 999;

    image {
      width: 46rpx;
      height: 46rpx;
      margin-right: 18rpx;
    }
  }

  .view {
    position: relative;
    font-size: 32rpx;
    border: 0;
    color: #333333;
    margin-right: 0;

    image {
      position: absolute;
      width: 44rpx;
      height: 24rpx;
      top: 66rpx;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  .cur {
    color: #64b6a8;
    border: 0;
    transform: scale(1.1);
  }

  .xian {
    width: 690rpx;
    height: 2rpx;
    margin-left: 30rpx;
    background-color: #e0e0e0;
  }

  .Ptop {
    /* #ifdef H5 || APP-PULS */
    // padding-top: 104rpx;
    margin-top: 98rpx;
    /* #endif */
    /* #ifdef H5  */
    // padding-top: 104rpx;
    margin-top: 0rpx;
    /* #endif */
    /* #ifdef MP  */
    // margin-top: 188rpx;
    /* #endif */
  }

  .fixed {
    // display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 40;
  }

  .down {
    height: 60rpx;
    line-height: 60rpx;
    // border-top: 2rpx solid #d0d0d0;
    text-align: center;
  }

  .none {
    text-align: center;

    image {
      width: 430rpx;
      margin-bottom: 16rpx;
    }

    view {
      height: 40rpx;
      line-height: 40rpx;
      color: #666;
    }
  }

  .videoS {
    width: 15%;
    height: 36rpx;
    background-color: #ffffff;
    z-index: 1;
    position: absolute;
    bottom: 40rpx;
    left: 43%;
    text-align: center;
    line-height: 30rpx;
    border-radius: 25px;
    font-size: 20rpx;
    /* background: url("https://pic.bangbangtongcheng.com/static/name.png"); */
  }

  .binds_frame {
    width: 600rpx;
    font-size: 30rpx;
    background-color: #fff;

    .binds_frame_c {
      font-size: 28rpx;
      font-weight: 400;
      color: #64b6a8;
      min-height: 160rpx;
      max-height: 800rpx;
      overflow-y: auto;
      padding: 40rpx 48rpx;
    }

    .binds_frame_b {
      height: 100rpx;
      border-top: 1px solid #eee;
      color: #007aff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32rpx;
    }
  }

  .vip-rank {
    width: 120rpx;
    padding: 3rpx 10rpx;
    margin: 0 18rpx 0 0;
    background: #f6f0ff;
    border-radius: 6rpx 6rpx 6rpx 6rpx;
    opacity: 1;
    border: 2rpx solid #bd90d9;
    font-size: 24rpx;
    font-weight: 500;
    color: #bd90d9;
    text-align: center;
  }

  .dengLoadingVue {
    .maskVueHiddenShow {
      z-index: 999999;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgb(255, 255, 255);
      display: flex;
      align-items: center;
      justify-content: center;

      .maskVueHiddenShowWrapper {
        width: 80%;
        height: 300rpx;
        position: fixed;
        top: 15%;
        left: 50%;
        transform: translateX(-50%);
        animation: 0.5s;

        .loding {
          width: 100%;
          text-align: center;
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
        }
      }
    }
  }
</style>
